﻿<div class="content-wrap research-listings">
    <div sustainalytics-navigation-menu navigation-menu-templateurl="Views/Menu/PageMenu.html" navigation-menu-sitemap="SITE" navigation-menu-startnodelevel="2"></div>
    <div class="content">
        <div class="content-pad">
            <div style="margin-top:20px;" class="title-16-bold">New! Portfolio Reporting</div>
            <div>
                <div style="margin-bottom: 10px;">The new ESG Portfolio Reports service enables you to better understand your portfolio’s ESG performance and measure it against a benchmark of your choice. </div>
                <div>The ESG Rating PDF report features:</div>
                <ul style="margin-bottom:10px;">
                    <li>High-level overview of your portfolio’s environmental, social and governance performance with a breakdown per sector</li>
                    <li>Comparison of your portfolio’s ESG performance to a benchmark of your choice</li>
                    <li>Top and bottom 10 ESG performers in your portfolio</li>
                    <li>Overview of the most controversial holdings in your portfolio</li>
                </ul>
                <div style="margin-bottom: 10px;">
                    To get started, upload a portfolio and a benchmark universe with their security weights within the Portfolio Management page, or edit an existing portfolio to add the security weights. If you don’t have security weights, we will equal weight the securities in the portfolios.
                </div>
            </div>
            <div class="numbered-title ng-scope">
                <div class="numbered-title-text floatLeft" style="width: 80%;">
                    <div class="title-16-bold">
                        Select Your Portfolio
                    </div>
                    <multi-select-tree data-input-model="controller.myPortfoliosList" multi-select="false"
                                       data-output-model="controller.selectedFromMyPortfolios"
                                       data-default-label="Click here to select..." data-select-only-leafs="true">
                    </multi-select-tree>
                    <div class="clear"></div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="numbered-title ng-scope">
                <div class="numbered-title-text floatLeft" style="width: 80%;">
                    <div class="title-16-bold">
                        Select Your Benchmark
                    </div>
                    <multi-select-tree ng-disabled="!controller.selectedFromMyPortfolios.length" data-input-model="controller.allPortfoliosList" multi-select="false"
                                       data-output-model="controller.selectedFromAllPortfolios"
                                       data-default-label="Click here to select..." data-select-only-leafs="true">
                    </multi-select-tree>
                    <div class="clear"></div>
                </div>
                <div class="clear"></div>
            </div>
            <button class="btn-green" ng-disabled="!(controller.selectedFromAllPortfolios.length)" ng-click="controller.Generate()">Generate</button>
            <div class="clear">&nbsp;</div><br />
            <iframe id="iframeContainer" ng-src="{{controller.iFrameUrl}}" ng-disabled="!{{controller.iFrameVisible}}" scrolling="no" frameBorder="0" style="width:100%;min-height:710px"></iframe>
        </div>
     </div>
</div>
